.mask {
  position: fixed;
  z-index: 100;
  background: var(--overlay-mask-bg);
  top: var(--top-safe-area-height);
  left: 0;
  width: 100%;
  height: calc(100% - var(--top-safe-area-height));
}
.email{
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overlay {
  position: fixed;
  z-index: calc(var(--z-index-overlay) + 1);
  background: var(--overlay-bg);
  top: var(--top-safe-area-height);
  left: 0;
  width: 16em;
  height: calc(100% - var(--top-safe-area-height));
  color: var(--text);
  z-index: 100;
}
.currentUser {
  padding: 32px 16px;
  background: var(--overlay-user-bg);
  color: var(--overlay-user-text);
}
.action {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 12px 16px;
  &_list {
    padding-top: 16px;
    font-size: 20px;
  }
  > .icon {
    margin-right: 12px;
  }
}
.icon{
  width: 30px;
  height: 30px;
  position: relative;
  top: 2px;
}